<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta content="notranslate" name="google"/>
    <meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
    <title>AIN BLOG —— 秘 境</title>
    <!--Main style css-->
    <link th:href="@{/static/assets/css/style.css}" rel="stylesheet">
    <!--Active Color css-->
    <link th:href="@{/static/assets/css/colors/default-colors.css}" rel="stylesheet">
    <!--Responsive style css-->
    <link th:href="@{/static/assets/css/responsive.css}" rel="stylesheet">
    <!-- JS -->
    <!--jQuery 1.12.4 google link-->
    <script th:src="@{/static/assets/js/jquery.min.js}"></script>
</head>
<body class="bodypadding">
<!--快速返回顶层 Btn-->
<div class="scroll_up gutengard_btn"><i class="icon-up-open-big"></i></div>
<!--搜索框引入-->
<div th:replace="../templates/commons/search::#main_search"></div>
<!--侧边框引入-->
<div th:replace="../templates/commons/floatBar::#main_floatBar"></div>
<!--导航栏引入-->
<div th:replace="../templates/commons/header::#main_header"></div>
<!--main-->
<div class="page_container_wrapper">
    <div style="padding: 10px;letter-spacing: 1px;">关于“<span th:text="${keyWord}"></span>”，<span th:text="${flag}"></span></div>
    <div style="height: 20px"></div>
    <div class="container-fluid no_padding">
        <div class="blog_list_post clearfix" >
            <!--第一行第一个-->
            <div class="blog_post_box clearfix" style="height: 400px;margin-right: 0.5%;margin-left: 0.5%;margin-bottom: 15px;width: 49%" th:each="search:${searchList}">
                <!--第一部分：相关文字-->
                <div class="blog_post_item" style="border: 1px solid #e6e6e6">
                    <!--1.博文标题-->
                    <h2 class="post_name" ><a style="font-size: 20px" th:href="${#httpServletRequest.contextPath}+'/single/'+${search.articleId}">[[${search.articleTitle}]]</a>
                    </h2>
                    <div class="post_data">
                        <!--2.留言人数-->
                        <span class="comments_count"><i class="fas fa-comments"></i> [[${search.articleCommentCount}]]</span>
                        <span class="reviews_count"><i class="fas fa-eye"></i> [[${search.articleViews}]]</span>
                        <span class="reviews_count"><i class="iconfont icons-xihuan"
                                                       style="font-size: 14px;margin-left: 7px;margin-right: 7px;"></i>[[${search.articleLikeCount}]]</span>
                    </div>
                    <!--3.博文内容-->
                    <div class="short_desc_post">
                        <div class="short_desc_post_p1" id="content_p" th:utext="${search.articleContent}"></div>
                    </div>
                    <div class="seea_more">
                        <a th:href="${#httpServletRequest.contextPath}+'/single/'+${search.articleId}">查看详情 <i
                                class="icon-right-open-big"></i></a>
                    </div>
                </div>
                <!--第二部分：封面图片-->
                <div class="blog_post_item_image" th:style="'background-image: url('+${search.articleCover}+')'">
                    <div class="post_data_cr">
                        <span class="day" th:text="${search.articleDate.substring(8,10)}"></span>
                        <div class="month" th:text="${search.articleDate.substring(5,7)}+'月'"></div>
                        <div class="year" th:text="${search.articleDate.substring(0,4)}"></div>
                    </div>
                    <a class="post_link_image"
                       th:href="${#httpServletRequest.contextPath}+'/single/'+${search.articleId}">
                        <img alt="" src="../assets/images/postimagebox.png">
                    </a>
                </div>
            </div><!--END Post Box-->
        </div>
    </div>
</div>


<!--引入尾部-->
<div th:replace="../templates/commons/footer::#main_footer"></div>

<!--Bootstrap 4.1.0-->
<script th:src="@{/static/assets/libs/bootstrap-4.1.0/bootstrap.min.js}"></script>
<!--jquery.magnific-popup-->
<script th:src="@{/static/assets/libs/jquery.magnific-popup/jquery.magnific-popup.min.js}"></script>
<!--OWL Carousel-->
<script th:src="@{/static/assets/libs/owlcarousel2-2.3.4/owl.carousel.min.js}"></script>
<!--Custom js-->
<script th:src="@{/static/assets/js/custom.js}"></script>


</body>